<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
    <input type="button" value="新增"><br>
    <hr>
    <table border="1" cellspacing="0" width="800">
        <tr>
            <th>序号</th>
            <th>品牌名称</th>
            <th>企业名称</th>
            <th>排序</th>
            <th>品牌介绍</th>
            <th>状态</th>
            <th>操作</th>

        </tr>
        <tr align="center">
            <td>1</td>
            <td>三只松鼠</td>
            <td>三只松鼠</td>
            <td>100</td>
            <td>三只松鼠，好吃不上火</td>
            <td>启用</td>
            <td><a href="#">修改</a> <a href="#">删除</a></td>
        </tr>

        <tr align="center">
            <td>2</td>
            <td>优衣库</td>
            <td>优衣库</td>
            <td>10</td>
            <td>优衣库，服适人生</td>
            <td>禁用</td>

            <td><a href="#">修改</a> <a href="#">删除</a></td>
        </tr>

        <tr align="center" id="brand3">
            <td>3</td>
            <td>小米</td>
            <td>小米科技有限公司</td>
            <td>1000</td>
            <td>为发烧而生</td>
            <td>启用</td>

            <td><a href="#">修改</a> <a href="#">删除</a></td>
        </tr>


    </table>

    <script>
        //品牌列表数据为动态数据，你需要手动设计一个数组来存储品牌数据，再完成显示。
        //创建自定义对象用来存储品牌数据
        let brand = [
            3, "小米", "小米科技有限公司", 1000, "为发烧而生", "启用"
        ]

        //获取tr对象变量td对象给每个写入内容
        let tr = document.getElementById("brand3");
        //遍历标签
        let tds = tr.children;
        for (let i = 0; i < tds.length - 1; i++) {
            tds[i].innerHTML = brand[i];
        }

    </script>

</body>

</html>